<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/tab.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.tabs.css" />
    <link rel="stylesheet" href="css/skill-training.css">
    <title>技能培训</title>
</head>

<body>
    <!--导航-->
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="row">
                <div class=" col-md-10 col-md-offset-2">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#"><img alt="Brand" class=" img-responsive logo"
                                src="images/skill-training/logo.png"></a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
                            <li><a href="javascript:;">产品与服务</a>
                                <ul class="dropdown-menu">
                                    <li style="text-align: center;"><strong><a href="product-service.html">上程丨产品</a></strong>
                                    </li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="proudct-one.html">数字城市地名地址服务平台</a></li>
                                    <li><a href="product-two.html">毕业设计全过程综合服务平台</a></li>
                                    <li><a href="product-three.html">环境网格化综合系统</a></li>
                                    <li><a href="product-four.html">B2BB2C多用户大型电商平台</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li style="text-align: center;"><strong><a href="service.html">上程丨服务</a></strong>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="javascript:;">上程教育</a>
                                <ul class="dropdown-menu">
                                    <li><a href="school-enterprise-cooperation.html">校企合作</a></li>
                                    <li><a href="skill-training.html">技能培训</a></li>
                                    <li><a href="service-advantage.html">服务优势</a></li>
                                </ul>
                            </li>
                            <li><a href="news.html">新闻资讯</a>

                            </li>
                            <li><a href="about-us.html">关于我们</a>

                            </li>
                            <li><a href="contact-us.html">联系我们</a></li>

                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><span class="phone"><span class="glyphicon glyphicon-earphone"
                                        aria-hidden="true"></span>&nbsp;028-87850778</span></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </nav>
    <!--轮播图-->
    <div class=" my-carousel">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="images/skill-training/carousel1.jpg" alt="...">
                    <div class="carousel-caption">
                        <h1 style="font-weight: bold;">校企合作</h1>
                        <h3>School Enterprise Cooperation</h3>
                    </div>
                </div>
                <div class="item">
                    <img src="images/skill-training/carousel2.jpg" alt="...">
                    <div class="carousel-caption">
                        <h1 style="font-weight: bold;">技能培训</h1>
                        <h3>Skill Training</h3>
                    </div>
                </div>
                <div class="item">
                    <img src="images/skill-training/carousel3.jpg" alt="...">
                    <div class="carousel-caption">

                        <h1 style="font-weight: bold;">停不下来的脚步与追随</h1>
                        <h3>Can not stop the footsteps and follow</h3>
                    </div>
                </div>
            </div>
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <!--路径导航-->
    <div class=" container-fluid">
        <div class=" row">
            <div class=" col-md-10 col-md-offset-2">
                <ol class="breadcrumb path-nav">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="javascript:;">上程教育</a></li>
                    <li class="active">技能培训</li>
                </ol>
            </div>
        </div>
    </div>
    <!--内容-->
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="vertical-tab" role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab"
                                data-toggle="tab">JavaEE+分布式</a></li>
                        <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab"
                                data-toggle="tab">大数据</a></li>
                        <li role="presentation"><a href="#Section3" aria-controls="messages" role="tab"
                                data-toggle="tab">HTML5前端+全栈</a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content tabs">
                        <div role="tabpanel" class="tab-pane fade in active" id="Section1">
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>总体介绍：</strong></h4>
                            <p><span></span>大数据、云计算、人工智能等新兴方向再一次推动了Java工程师的职业发展。Java开发工程师涉及到多个领域，主要负责电商、医疗、金融、ERP、物流管理、App服务端等系统功能的开发和优化工作。
                            </p>
                            <p><span></span>如何高效学习 JAVA 研发工程师技术,学员最终能独立完成JAVA分布式高并发量项目是参加我们的核心目标!</p>
                            <p><span></span><strong>来上程数据,你将成为有思想的软件工程师 .</strong></p>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>培养对象：</strong>大专以上学历,计算机相关专业 或通过上程数据基础考核的非计算机相关专业学员</h4>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>我们的优势：</strong></h4>
                            <h5><strong>1.杜绝行业暴利，接近二分之一价格。</strong></h5>
                            <p>市场上培训机构的费用激在在 16800 至 20000 之间,加上贷款利息,实缴费用往往超过20000。我们在保证涵盖所有的JAVA EE技术的前提下,总费用只是其他机构的一半。
                            </p>
                            <h5><strong>2.杜绝商业贷款,零压力入行!</strong></h5>
                            <p>市场上所有所有培训机构都是以商业贷款方式学习,导致学员毕业后还款压力大,如果不按时还款,可能导致征信记录不健康,影响将来的生活。我们杜绝贷款、无利息,灵活还款无压力。</p>
                            <h5><strong>3. 杜绝视频教学,小班教学,全程面授</strong></h5>
                            <p>全程面授教学,最大班级不会超过40人,手把手指导,保证学员完成最终项目,具有项目开发能力!</p>
                            <h5><strong>4. 100%完整的 Java EE技术体系，完全匹配目前企业主流技术</strong></h5>
                            <p>全新升级技术路线，以实用、主流、真实为导向，由经验丰富的架构师，总结出一套完全匹配目前大型企业的要求的技术路线</p>
                            <h5><strong>5. 绝对不干讲理论和 Demo！ 真实项目驱动深入细致地讲解每个技术。</strong></h5>
                            <p>实际项目中提炼出经典案例，以案例驱动式教学。知识点、项目任务等，通过专业Wiki分享，完全按照企业实际开发中环境。
                                培养学员动手能力，自学能力，杜绝培训机构毕业学员“动手难，上手更难“”的普遍问题。</p>
                            <h5><strong>6. 真实项目，杜绝教学案例项目</strong></h5>
                            <p>学员最终需要完成的项目是我们真实的商业项目，非为了教学而设计的教学项目。</p>
                            <h5><strong>7. 采用敏捷开发模式</strong></h5>
                            <p>项目开发过程采用敏捷开发模式，利用 JIRA 项目任务跟踪系统，保证学员无缝衔接企业开发环境</p>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>学习周期：5~6个月</strong></h4>
                            <p>根据学员基础情况及接受能力，适当调整教学进度，在5至6个月内完成所有课程及项目实战。</p>
                            <p>学员经过近半年学习，完全具备JAVA EE 开发就业能力，掌握 java 语言核心、java web
                                核心、Mysql、Mybatis、HTML5、CSS3、JavaScript、jQuery 、Spring 核心、Spring
                                boot等主要技术，具有中小型项目独立完成开发能力。</p>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>严格标准化的课程体系</strong></h4>
                            <h5><strong>1. 课程内容源于本公司商业项目</strong></h5>
                            <p>学习内容循序渐进，技术更新与时俱进，完全匹配企业应用需求，无缝衔接JAVA EE 高级开发岗位！</p>
                            <p><strong>一步一步啃完 10 大专题、3大项目、180个案例、50多个功能模块、16个解决方案，能达到10K 以上技术能力。</strong></p>
                            <h5><strong>2. 专业wiki知识共享，知识更新永久享用</strong></h5>
                            <p>公司自主搭建wiki平台，完全符合企业生产学习环境。内容永久免费开放，保证毕业学员对新技术及时跟踪，同时大大提高学员自学能力。截图如下</p>
                            <img src="images/skill-training/wikishortcut.png" class=" img-responsive" alt="">
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="Section2">
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>总体介绍：</strong></h4>
                            <p>根据数联寻英发布《大数据人才报告》显示,目前全国的大数据人才仅46万,未来3-5年内大数据人才的缺口将高达150万。 </p>
                            <p><strong>本课程覆盖Hadoop,Spark,实时数据处理,离线数据处理等大数据前沿技术,每期班课程都在更新迭代,保证内容在业内持续领先。</strong></p>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>培养对象：</strong>大专以上学历,计算机相关专业 或通过上程数据基础考核的非计算机相关专业学员</h4>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>我们的优势：</strong></h4>
                            <h5><strong>1.杜绝行业暴利，接近二分之一价格。</strong></h5>
                            <p>市场上培训机构的费用激在在 16800 至 20000 之间,加上贷款利息,实缴费用往往超过20000。我们在保证涵盖所有的JAVA EE技术的前提下,总费用只是其他机构的一半。
                            </p>
                            <h5><strong>2.杜绝商业贷款,零压力入行!</strong></h5>
                            <p>市场上所有所有培训机构都是以商业贷款方式学习,导致学员毕业后还款压力大,如果不按时还款,可能导致征信记录不健康,影响将来的生活。我们杜绝贷款、无利息,灵活还款无压力。</p>
                            <h5><strong>3. 杜绝视频教学,小班教学,全程面授</strong></h5>
                            <p>全程面授教学,最大班级不会超过40人,手把手指导,保证学员完成最终项目,具有项目开发能力!</p>
                            <h5><strong>4. 100%完整的 Java EE技术体系，完全匹配目前企业主流技术</strong></h5>
                            <p>全新升级技术路线，以实用、主流、真实为导向，由经验丰富的架构师，总结出一套完全匹配目前大型企业的要求的技术路线</p>
                            <h5><strong>5. 绝对不干讲理论和 Demo！ 真实项目驱动深入细致地讲解每个技术。</strong></h5>
                            <p>实际项目中提炼出经典案例，以案例驱动式教学。知识点、项目任务等，通过专业Wiki分享，完全按照企业实际开发中环境。
                                培养学员动手能力，自学能力，杜绝培训机构毕业学员“动手难，上手更难“”的普遍问题。</p>
                            <h5><strong>6. 真实项目，杜绝教学案例项目</strong></h5>
                            <p>学员最终需要完成的项目是我们真实的商业项目，非为了教学而设计的教学项目。</p>
                            <h5><strong>7. 采用敏捷开发模式</strong></h5>
                            <p>项目开发过程采用敏捷开发模式，利用 JIRA 项目任务跟踪系统，保证学员无缝衔接企业开发环境</p>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>学习周期：5~6个月</strong></h4>
                            <p>根据学员基础情况及接受能力，适当调整教学进度，在5至6个月内完成所有课程及项目实战。</p>
                            <p>内容包含 JAVA、数据库、Hadoop、MapReduce、Linux、Python基础、Spark 等。</p>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>严格标准化的课程体系</strong></h4>
                            <h5><strong>1. 课程内容源于本公司商业项目</strong></h5>
                            <p>学习内容循序渐进，技术更新与时俱进，完全匹配企业应用需求，无缝衔接JAVA EE 高级开发岗位！</p>
                            <p><strong>一步一步啃完 10 大专题、3大项目、180个案例、50多个功能模块、16个解决方案，能达到10K 以上技术能力。</strong></p>
                            <h5><strong>2. 专业wiki知识共享，知识更新永久享用</strong></h5>
                            <p>公司自主搭建wiki平台，完全符合企业生产学习环境。内容永久免费开放，保证毕业学员对新技术及时跟踪，同时大大提高学员自学能力。截图如下</p>
                            <img src="images/skill-training/wikishortcut.png" class=" img-responsive" alt="">
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="Section3">
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>总体介绍：</strong></h4>
                            <p>HTML5前端工程师主要有三大就业方向，一是掌握前端、后端、移动端、服务器端开发技术，熟悉互联网系统架构思想，小到网页设计、网站开发，大到系统架构、性能调优等的全栈工程师；二是熟练掌握PHP后端开发技术的后端工程师；三是掌握Web前端开发技术，移动APP开发、微信小程序开发、酷炫的网站开发、桌面应用开发等的前端工程师。
                            </p>
                            <p>前端工程师强势崛起，市场对前端工程师的需求逐年猛增，人才缺口巨大，高级前端人才长期缺乏，随着工作经验的积累，收入水涨船高，薪资稳步增长，前景广阔，大前端时代已经到来，H5将引领变革。
                            </p>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>培养对象：</strong>大专以上学历,计算机相关专业 或通过上程数据基础考核的非计算机相关专业学员</h4>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>我们的优势：</strong></h4>
                            <h5><strong>1.杜绝行业暴利，接近二分之一价格。</strong></h5>
                            <p>市场上培训机构的费用激在在 16800 至 20000 之间,加上贷款利息,实缴费用往往超过20000。我们在保证涵盖所有的JAVA EE技术的前提下,总费用只是其他机构的一半。
                            </p>
                            <h5><strong>2.杜绝商业贷款,零压力入行!</strong></h5>
                            <p>市场上所有所有培训机构都是以商业贷款方式学习,导致学员毕业后还款压力大,如果不按时还款,可能导致征信记录不健康,影响将来的生活。我们杜绝贷款、无利息,灵活还款无压力。</p>
                            <h5><strong>3. 杜绝视频教学,小班教学,全程面授</strong></h5>
                            <p>全程面授教学,最大班级不会超过40人,手把手指导,保证学员完成最终项目,具有项目开发能力!</p>
                            <h5><strong>4. 100%完整的 Java EE技术体系，完全匹配目前企业主流技术</strong></h5>
                            <p>全新升级技术路线，以实用、主流、真实为导向，由经验丰富的架构师，总结出一套完全匹配目前大型企业的要求的技术路线</p>
                            <h5><strong>5. 绝对不干讲理论和 Demo！ 真实项目驱动深入细致地讲解每个技术。</strong></h5>
                            <p>实际项目中提炼出经典案例，以案例驱动式教学。知识点、项目任务等，通过专业Wiki分享，完全按照企业实际开发中环境。
                                培养学员动手能力，自学能力，杜绝培训机构毕业学员“动手难，上手更难“”的普遍问题。</p>
                            <h5><strong>6. 真实项目，杜绝教学案例项目</strong></h5>
                            <p>学员最终需要完成的项目是我们真实的商业项目，非为了教学而设计的教学项目。</p>
                            <h5><strong>7. 采用敏捷开发模式</strong></h5>
                            <p>项目开发过程采用敏捷开发模式，利用 JIRA 项目任务跟踪系统，保证学员无缝衔接企业开发环境</p>
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>学习周期：4个月</strong></h4>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>项目实战</strong></h4>
                            <p><span></span>基于Bootstrap的能源监控系统,该系统包含企业能源实时监控及预警,自动生成能效报表与综合分析,能生成能效云平台智能监控桌面等功能.该系统将所有前端知识,包括html,css,js,jquery,node.js等,全部融合在一起.
                            </p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>项目截图</strong></h4>
                            <img src="images/skill-training/projectshortcut.png" class=" img-responsive project-img"
                                alt="">
                            <p>&nbsp;</p>
                            <h4><img src="images/skill-training/imglable.png" style="padding-right: 5px;"
                                    alt=""><strong>关键技术-知识要点：</strong></h4>
                            <!--第二个选项卡-->
                            <div class="tabs">
                                <ul class="tabs-list">
                                    <li class="active"><a href="javascript:;">第一阶段</a></li>
                                    <li><a href="javascript:;">第二阶段</a></li>
                                    <li><a href="javascript:;">第三阶段</a></li>
                                </ul>
                                <div class="tabs-container">
                                    <div class="tab-content" style="display:block;">
                                        <div class="row">
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>HTML+ CSS 核心基础</p>
                                                </div>
                                                <p>1.IDE环境搭建</p>
                                                <p>2.HTML核心标签</p>
                                                <p>3.HTML布局技巧</p>
                                                <p>4.CSS核心选择器</p>
                                                <p>5.CSS核心样式</p>
                                                <p>6.CSS 伪类</p>
                                                <p>7.Bootstrap</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>JavaScript核心基础</p>
                                                </div>
                                                <p>8.JavaScript核心</p>
                                                <p>9.BOM</p>
                                                <p>10.DOM</p>
                                                <p>11.事件处理机制</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>HTML5+ CSS3核心</p>
                                                </div>
                                                <p>12.H5进化史</p>
                                                <p>13.H5核心特性</p>
                                                <p>14.语义化标签</p>
                                                <p>15.Canvas</p>
                                                <p>16.CSS3新特性</p>
                                                <p>17.CSS3 自适应布局</p>
                                                <p>18.CSS3响应式布局</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>Bootstrap</p>
                                                </div>
                                                <p>19.表格</p>
                                                <p>20.表单</p>
                                                <p>21.按钮</p>
                                                <p>22.响应式工具</p>
                                                <p>23.JavaScript插件</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-content">
                                        <div class="row">
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>移动端高级</p>
                                                </div>
                                                <p>1.移动端核心</p>
                                                <p>2.微信小程序</p>
                                                <p>3.rem适配</p>
                                                <p>4.viewport适配深入剖析</p>
                                                <p>5.Tween算法分析</p>
                                                <p>6.无缝滑屏</p>
                                                <p>7.像素分析</p>
                                                <p>8.自定义竖向滑屏</p>
                                                <p>9.meta标签解析</p>
                                                <p>10.自定义横向滑屏</p>
                                                <p>11.自定义滚动条</p>
                                                <p>12.可同步的tab切换</p>
                                                <p>13.移动端/PC区别剖析</p>
                                                <p>14.1px边框问题</p>
                                                <p>15.微信公众号</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>服务端开发</p>
                                                </div>
                                                <p>16.Node.js</p>
                                                <p>17.Node.js核心基础</p>
                                                <p>18.数据库分类</p>
                                                <p>19.MongoDB核心基础</p>
                                                <p>20.npm包管理</p>
                                                <p>21.HTTP/HTTPS协议</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>服务器端高级</p>
                                                </div>
                                                <p>22.Express框架</p>
                                                <p>23.Koa框架</p>
                                                <p>24.Mongoose框架</p>
                                                <p>25.MVC架构设计</p>
                                                <p>26.EJS模板引擎</p>
                                                <p>27.静态资源服务</p>
                                                <p>28.微信公众号后台开发</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>前后端交互核心</p>
                                                </div>
                                                <p>29.原生Ajax</p>
                                                <p>30.基于框架的Ajax</p>
                                                <p>31.JSON/XML</p>
                                                <p>32.跨域问题</p>
                                                <p>33.JSONP解决跨域</p>
                                                <p>34.JSONP底层原理深入剖</p>
                                                <p>35.CORS解决跨域</p>
                                                <p>36.前端模板引擎</p>
                                                <p>37.模板引擎应用</p>
                                                <p>38.取消Ajax请求</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-content">
                                        <div class="row">
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>JS高级</p>
                                                </div>
                                                <p>1.JS深入剖析</p>
                                                <p>2.数据结构算法</p>
                                                <p>3.常用设计模式</p>
                                                <p>4.数据类型详解</p>
                                                <p>5.数据/变量/内存详解</p>
                                                <p>6.作用域/作用域链</p>
                                                <p>7.执行上下文/执行上下文栈</p>
                                                <p>8.原型/ 原型链/ 原型链图解深入剖析</p>
                                                <p>9.闭包/闭包声明周期</p>
                                                <p>10.对象的创建/继承 进程/线程</p>
                                                <p>11.单线程/多线程/JS单线程</p>
                                                <p>12.事件循环模型</p>
                                                <p>13.回调事件机制</p>
                                                <p>14.轮询机制</p>
                                                <p>15.Web Workers多线程</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>前端必备框架</p>
                                                </div>
                                                <p>16.jQuery/jQueryUI框架深入</p>
                                                <p>17.Bootstrap框架高级</p>
                                                <p>18.Less工具</p>
                                                <p>19.Sass工具</p>
                                                <p>20.Stylus工具</p>
                                                <p>21.Zepto.js框架</p>
                                                <p>22.微信小程序</p>
                                                <p>23.微信jssdk开发 </p>
                                                <p>24.Mock工具</p>
                                                <p>25.MUI</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>前端高级框架</p>
                                                </div>
                                                <p>26.Angular技术栈详解</p>
                                                <p>27.React技术栈详解</p>
                                                <p>28.Redux Vue技术栈详解</p>
                                                <p>29.Vuex </p>
                                                <p>30.AntD/AntD-Mobile</p>
                                                <p>32.MVC/MVVM架构模式</p>
                                                <p>33.Vue + webpack/React +</p>
                                                <p>34.webpack</p>
                                            </div>
                                            <div class=" col-md-3 tab2-panel">
                                                <div class=" tab2-head">
                                                    <p>全栈开发</p>
                                                </div>
                                                <p>35.组件化开发</p>
                                                <p>36.npm/Yarn</p>
                                                <p>37.CommonJS/Browserify </p>
                                                <p>38.AMD/requirejs</p>
                                                <p>39.CMD/seajs</p>
                                                <p>40.Grunt</p>
                                                <p>41.Gulp</p>
                                                <p>42.webpack</p>
                                                <p>43.Babel</p>
                                                <p>44.SVN版本控制</p>
                                                <p>Git/GitHub工具</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class=" container-fluid footer">
        <div class="row">
            <div class=" col-md-10 col-md-offset-2">
                <img src="images/skill-training/footerlogo.png" class=" img-responsive" alt="底部logo">
            </div>
        </div>
        <div class="row">
            <div class=" col-md-5 col-md-offset-2">
                <p><strong style="color:white;">专业、开放、诚信、共享,为智慧教育助力,为教者赋能。</strong></p>
            </div>
            <div class=" col-md-5">
                <p style="color: white;"><a href="javascript:;">技能培训 </a>｜ <a href="javascript:;">上程产品</a> ｜<a
                        href="javascript:;"> 新闻资讯</a> ｜<a href="javascript:;"> 关于我们</a></p>
                <div class="col-md-offset-1">
                    <a href="javascript:;"><img src="images/skill-training/qqicon.png" alt=""></a>
                    <a href="javascript:;"><img src="images/skill-training/weixinicon.png" alt=""></a>
                    <a href="javascript:;"><img src="images/skill-training/phoneicon.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class=" col-md-10 col-md-offset-2">
                <p style="color: white;">Copyright ©2019 成都上程数据有限公司所有 All Rights Reserved 蜀ICP备19012431号-1</p>
            </div>
        </div>
    </div>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/responsive.tabs.js"></script>
    <script src="js/skill-training.js"></script>
</body>

</html>